<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajuda Editor de Texto</title>
</head>
<script>
	function oculta_esc(div){
		
		if(document.getElementById(div).style.display == "none"){
			document.getElementById(div).style.display = "";		
		}else{
			document.getElementById(div).style.display = "none";	
		}
	}
</script>
<style>
body{ overflow-x:hidden; }
#topo{	background-color: #1a1a1a;	height: 150px;	width: 100%;	padding-right:20px;	margin-left:-10px;	margin-top:-10px; }
#titulo{ color:#FFF; font-size:35px; margin-left:15%; padding-top:50px; float:left; }
#menu{ opacity: 0.9;filter: alpha(opacity=90);	background-color: #2a2a2a;	height: 33px; width: 100%; z-index: 9;	margin: 0 auto;	margin-left:-10px;	padding-right:20px;
}
#logo{float:right; margin-right:15%; padding-top:25px;}
#conteudo{ width:75%;	margin:0 auto; }
#titu_perg{ font-size:40px;	margin-top:30px; height:50px; border-bottom:#ededf0 2px solid; }
#texto_conteudo{ margin-top:20px; }
.tp{ cursor:pointer; color: #0072c6;border-bottom: 1px solid #ededf0; margin-top:10px;}
#rodape{ background-color: #D8D8D8;	height: 105px;	width: 100%;	padding-right:20px;	margin-left:-10px;	margin-top:-10px; width:100%; bottom:0px; position:absolute; }
</style>

<body>
	<div id="topo">
    	<div id="titulo">Editor de Textos - TEES</div>
        <div id="logo"><img src="../icones/logo.jpg" height="100px"></div>
    </div>
	<div id="menu"></div>
	<div id="conteudo">    	
    	<div id="titu_perg">Editor de Textos - Perguntas Frequentes</div>
        <div id="texto_conteudo">
        O Editor de Textos é um aplicativo bastante útil quando você quer visualizar ou fazer edições simples em arquivos de texto (em geral, com uma extensão .txt).

        	<div id="top1" onclick="oculta_esc('top1_abrir')" class="tp">- Como ver todo o texto sem ter que rolar horizontalmente?</div>
            <div id="top1_abrir" style="display:none">1bla bla bla top1</div>
        	<div id="top2" onclick="oculta_esc('top2_abrir')" class="tp">- Como alterar o tamanho e o estilo da fonte?</div>
            <div id="top2_abrir" style="display:none">bla bla bla top2</div>
        	<div id="top3" onclick="oculta_esc('top3_abrir')" class="tp">- Pergunta 3</div>
            <div id="top3_abrir" style="display:none">bla bla bla top3</div>
        </div>
    </div>
	<div id="rodape"></div>            
</body>
</html>
